<h1>{{ componentName }}</h1>
<div class="devui-docs-header">
  <div style="margin-bottom: 40px">{{ description }}</div>
  <div *ngIf="tmw">
    <h3 class="devui-h3-title">{{ 'public.whenToUse' | translate }}</h3>
    <div style="margin-bottom: 20px" [innerHTML]="tmw"></div>
  </div>
</div>
<d-tabs class="d-website-demo-tabs" [showContent]="false" [(activeTab)]="componentTab" (activeTabChange)="activeTabChange($event)">
  <d-tab id="demo" title="Demo" tabId="demo"></d-tab>
  <d-tab id="api" title="API" tabId="api"></d-tab>
</d-tabs>
<div class="examples-viewer">
  <div class="examples-viewer-wrapper">
    <router-outlet></router-outlet>
  </div>
</div>
